<!doctype html>
<html lang="'en">

<head>
    <meta charset="UTF-8">
    <title>Tab切换-自动</title>
    <link type="text/css" rel="stylesheet" href="./style.css">
    <script type="text/javascript" src="./script.js"></script>
</head>

<body>
    <div id="notice" class="notice">
        <div id="notice-tit" class="notice-tit">
            <ul>
                <li class="select"><a href="#">公告</a></li>
                <li><a href="#">规则</a></li>
                <li><a href="#">论坛</a></li>
                <li><a href="#">安全</a></li>
                <li><a href="#">公益</a></li>
            </ul>
        </div>
        <div id="notice-con" class="notice-con">
            <div class="mod" style="display:block">
                <ul>
                    <li><a href="#">张勇：要玩快乐足球</a></li>
                    <li><a href="#">阿里2000万驰援灾区！</a></li>
                    <li><a href="#">旅游宝让你边玩边赚钱</a></li>
                    <li><a href="#">多行跟进阿里信用贷款</a></li>
                </ul>
            </div>
            <div class="mod" style="display:none">
                <ul>
                    <li>
                        <span>[<a href="#">通知</a>]</span>
                        <a href="#">"滥发"即将换新</a>
                    </li>
                    <li>
                        <span>[<a href="#">通知</a>]</span>
                        <a href="#">比特币严管啦！</a>
                    </li>
                    <li>
                        <span>[<a href="#">通知</a>]</span>
                        <a href="#">禁发商品名录！</a>
                    </li>
                    <li>
                        <span>[<a href="#">通知</a>]</span>
                        <a href="#">商品属性限制</a>
                    </li>
                </ul>
            </div>
            <div class="mod" style="display:none">
                <ul>
                    <li>
                        <span>[<a href="#">聚焦</a>]</span>
                        <a href="#">金牌卖家再启航</a>
                    </li>
                    <li>
                        <span>[<a href="#">功能</a>]</span>
                        <a href="#">橱窗规则升级啦</a>
                    </li>
                    <li>
                        <span>[<a href="#">话题</a>]</span>
                        <a href="#">又爱又恨优惠劵</a>
                    </li>
                    <li>
                        <span>[<a href="#">工具</a>]</span>
                        <a href="#">购后送店铺红</a>
                    </li>
                </ul>
            </div>
            <div class="mod" style="display:none">
                <ul>
                    <li><a href="#">个人重要信息要管牢！</a></li>
                    <li><a href="#">卖家防范红包欺诈提醒</a></li>
                    <li><a href="#">更换收货地址的陷阱！</a></li>
                    <li><a href="#">注意骗子的技术升级了！</a></li>
                </ul>
            </div>
            <div class="mod" style="display:none">
                <ul>
                    <li><a href="#">走进无声课堂</a></li>
                    <li><a href="#">淘宝之行大众评审赢公益金</a></li>
                    <li><a href="#">爱心品牌联合征集</a></li>
                    <li><a href="#">名公益机构淘宝开店攻略</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>
